<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ page isELIgnored="false" %>
<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8"/>
    <meta name="description" content="人生就是一部小说,记录生活的点滴" />
    <meta name="keywords" content="记录生活,小说人说,分享你的生活动态,订阅他人的分享" />
    <script>
    window._time = [Date.now()];
    </script>
    <link rel="stylesheet" href="/faceb-cupt/css/zxh_reset.min.css" />
    <link rel="stylesheet" href="/faceb-cupt/css/me.min.css" />
    <link rel="stylesheet" href="/faceb-cupt/util/font-awesome-3.2.1/css/font-awesome.min.css" />
    <style type="text/css">
   .poa {
        position: relative;
    }

    .publisher-photo{
        overflow: hidden;
    }

    .publisher-photo-item{
        margin: 10px;
        width: 100px;
        height: 100px;
        float: left;
    }
    
    .personal-box {
        position: absolute;
        top: 53px;
        right: 0px;
        width: 108px;
        height: 80px;
        border-radius: 10px;
        background: #10d0d8;
        overflow: hidden;
    }
    
    .personal-box a {
        display: block;
        margin: 0px auto;
        padding: 0;
        color: #fff;
        text-align: center;
        border-radius: 0;
    }
    .personal-box a.btn{
        height: 40px;
        border:0;
        background: #10d0d8;
        color: #fff;
      
        font-size: 16px;
    }
    
    .personal-box a:hover {
        background: #fff;
        color: #10d0d8;
    }
    
    .hide {
        opacity: 0;
    }
    
    .trans {
        -webkit-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
    }

    .input-area{
        position: relative;
    }
    #publisher-btn {
        position: absolute;
        width: 70px;
        height: 70px;
        border: 1px solid #ddd;
        right: 0;
        top: 0;
        background: #ddd;
        text-align: center;
        line-height: 68px;
        color: #777;
    }

    #publisher {
        display: none
    }
    .upload-item{
        color: #10D0D8;
        display: block;

    }
    .add-tx2{
        width: 71px;
        height: 71px;
        border-radius: 50%;
    }
    </style>
    <title>记录生活的点滴</title>
</head>

<body>

    <script>
    window._time[1] = Date.now();
    </script>
    <iframe style="display: none" id="tmp" name="tmp"></iframe>
    <div class="page-header clearfix">
        <h1 class="page-header-title pull-left">${loginUser.u_info }</h1>
        <div class="page-header-personal pull-right poa js-header">
            <a href="javascript:void(0)" class="personal-photo">
                <span class="name js-loginid" data-id="${loginUser.u_id }">${loginUser.u_name }</span>
                <img src="http://172.18.106.98:8080/faceb-cupt/userlogo/users/${loginUser.u_id }" class="js-touxiang" alt="test" />
            </a>
             <div class="personal-box hide trans">
                <a href="/faceb-cupt/tpl/profile" class="btn">我的资料</a>
                <a href="javascript:void(0)" class="btn js-logout">退出登陆</a>
            </div>
        </div>
    </div>
    <div class="page-aside">
        <ul class="navbar">
            <li>
                <a href="/faceb-cupt/tpl/index" class="home">
                    <i class="icon-home"></i>
                </a>
                <a href="javascript:void(0)" class="js-gocenter">
                    <i class="icon-user"></i>
                </a>
            </li>
        </ul>
    </div>
    <div class="content">
        <div class="left-info pull-left">
            <div class="head-img-box">
                <div class="img-box">
                    <img src="http://172.18.106.98:8080/faceb-cupt/userlogo/users/${visitUser.u_id }" class="add-tx2" height="71" width="71" alt="">
                </div>
            </div>
            <div class="info-box">
                <h4 class="nickname js-visitid" data-id="${visitUser.u_id}">${visitUser.u_name }</h4>
                <p class="plain">个人签名:${visitUser.u_info }</p>
                <p>邮箱：${visitUser.u_email }</p>
                <p>QQ：${visitUser.u_qq }</p>
                <p>博客：<a href="javascript:void(0)">${visitUser.u_blog }</a></p>
            </div>
        </div>
        <div class="right-msg pull-right">
            <div class="file-upload js-resource">
            <form class="send-btn" action="/faceb-cupt/resources/dealupload" method="post" enctype="multipart/form-data">
                <a href="#" onclick="document.getElementById('uploader-file').click()">上传资源</a>
                <input type="file" class="file-input" name="file" id="uploader-file" style="display: none" />
                <input type="text" name="userid"  class="js-uploaduser" style="display: none">
            </form>
                
               
            </div>
            <div class="class-list">
                <div>课表</div>
                <a href="javascript:void(0)" class="go-course">
                    <table border="1">
                        <thead>
                            <tr class="js-week"></tr>
                        </thead>
                        <tbody>
                            <tr>
                                <th>一二节</th>
                                <td class="js-course"></td>
                            </tr>
                            <tr>
                                <th>三四节</th>
                                <td class="js-course"></td>
                            </tr>
                            <tr>
                                <th>五六节</th>
                                <td class="js-course"></td>
                            </tr>
                            <tr>
                                <th>七八节</th>
                                <td class="js-course"></td>
                            </tr>
                            <tr>
                                <th>九十节</th>
                                <td class="js-course"></td>
                            </tr>
                            <tr>
                                <th>11,12节</th>
                                <td class="js-course"></td>
                            </tr>
                        </tbody>
                    </table>
                </a>
            </div>
        </div>
        <div class="main">
            <div class="dongtai-input clearfix">
                <div class="input-area">
                    <textarea id="editor" placeholder="今天天气真好。。。"></textarea>
                    <a href="#" id="publisher-btn">图片</a>
                    <form action="/faceb-cupt/resources/dealupload/tmp" method="post" accept="image/gif, image/jpeg" enctype="multipart/form-data" target="tmp">
                        <input type="file" id="publisher" name="file" />
                        <input type="hidden" name="type"/>
                    </form>
                </div>
                <div class="publisher-photo">
                    
                </div>
            </div>
            <div class="send-btn clearfix">
                <a href="#" id="publisher-send">发表</a>
            </div>
            <div id="article-content"></div>
        </div>
    </div>
</body>
<script src="/faceb-cupt/js/lib/require.js"></script>
<script type="text/javascript"></script>
<script>
window.onload = function() {
    window._time[2] = Date.now();
};
requirejs.config({
    baseUrl: '/faceb-cupt/js',
    paths: {
        jquery: 'lib/jq'
    }
})
require(['page/me'], function(me) {
    me.init();
})
</script>
<script type="text/html" id="article-me-tpl">
    <?? for(var i =0,length=data.length;i < length;i++){
    var news=data[i]["news"];

    var comments=data[i]["comments"];
    var pics=data[i]["pics"];

??>
        <div class="item-content">
            <div class="title-img pull-right">
                <??
            if(pics.length>0){
                ??>
                    <img src='<??= pics[0]["np_path"] ??>' height="95" width="71" alt="图片">
                    <??}
            ??>
            </div>
            <div class="item-wrap">
                <p class="author"><span><??= news["u_name"]??></span><span><??=news["n_time"]??></span></p>
                <div class="link-box">
                    <span class="kind"></span>
                    <a href="javascript:void(0)">
                        <span class="sub-title js-godetail"  data-nid=<??=news["n_id"]??> ><??=news["n_content"]??></span>
                    </a>
                    <p class="sub-plain" data-nid=<??=news["n_id"]??> ><span><??=news["n_viewcount"]??>阅读</span><span><??=comments.length??>评论</span><span class="js-elike" data-like=<??= news["n_like"]??> ><??= news["n_like"]??>喜欢</span></p>
                </div>
            </div>
        </div>
        <??}??>
</script>

</html>
